/**
* @Date:   2017-03-29T16:15:57+08:00
* @Last modified time: 2018-03-20T11:41:14+08:00
*/

body,
html {
    font-family: PingFangSC-Light, helvetica, 'Heiti SC';
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 14px;
    color: #333;
    background-color: #eee;
}

button,
input,
select {
    font-family: PingFangSC-Light, helvetica, 'Heiti SC';
    outline: none;
}

a {
    color: #614a3a;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}

img {
    border: 0 none;
    font-size: 0;
}

.clearfix {
    display: block;
}

.clearfix:after {
    display: block;
    content: '.';
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.weui-btn.weui-btn_defined {
    background: #2d2f3b;
    border-radius: 22px;
    box-shadow: 0 3px 6px #999;
}

.weui-btn.weui-btn_defined2 {
    color: #353535;
    border: 1px solid #353535;
    background: transparent;
    border-radius: 22px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.btn-wrapper {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 30;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.main-wrapper {
    margin-top: 46px;
}

.flex-wrapper {
    display: flex;
}

.flex-item {
    flex: 1;
    text-align: center;
}

.red {
    color: #cb3434;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mt-5 {
    margin-top: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}


/*.weui-tabbar__item {
  padding: 12px 0 10px !important;
}
.weui-tabbar__icon {
  vertical-align: top !important;
  margin-right: 5px;
}
.weui-tabbar__icon, .weui-tabbar__label {
  font-size: 14px !important;
}*/


/*.weui-tabbar {
    padding-top: 8px !important;
    z-index: 5 !important;
}
.weui-tabbar__icon {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 5px;
}
.weui-tabbar__label span {
    font-size: 12px !important;
}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
    color: #c8020b !important;
}*/


/*遮罩*/

.mark {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.flex-image-headerimg[lazy=error] {
    background-position: center center;
    background-size: 80px !important;
}

.flex-image-headerimg[lazy=loading] {
    background-position: center center;
    background-size: 80px !important;
}

.flex-image-headerimg[lazy=loaded] {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.index .flex-image-headerimg[lazy=loading] {
    background-position: center center;
    background-size: 60px !important;
}

.image-header,
.flex-image-headerimg {
    background-repeat: no-repeat;
}

.image-header[lazy=error] {
    background-position: center center;
    background-size: 80px !important;
}

.image-header[lazy=loading] {
    background-position: center center;
    background-size: 80px !important;
}

.image-header[lazy=loaded] {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.ms-time span.hour,
.ms-time span.minute,
.ms-time span.second {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 14px;
}

html {
    font-size: 64px;
    width: 100%
}

body {
    font-size: .4375rem;
    margin: 0 auto !important;
    width: 100%;
    min-width: 320px !important;
    max-width: 750px
}

@media screen and (max-width: 320px) {
    html {
        font-size: 32px !important
    }
}

@media screen and (min-width: 320px) {
    html {
        font-size: 32px
    }
}

@media screen and (min-width: 330px) {
    html {
        font-size: 33px
    }
}

@media screen and (min-width: 340px) {
    html {
        font-size: 34px
    }
}

@media screen and (min-width: 350px) {
    html {
        font-size: 35px
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 36px
    }
}

@media screen and (min-width: 370px) {
    html {
        font-size: 37px
    }
}

@media screen and (min-width: 380px) {
    html {
        font-size: 38px
    }
}

@media screen and (min-width: 390px) {
    html {
        font-size: 39px
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 40px
    }
}

@media screen and (min-width: 410px) {
    html {
        font-size: 41px
    }
}

@media screen and (min-width: 420px) {
    html {
        font-size: 42px
    }
}

@media screen and (min-width: 430px) {
    html {
        font-size: 43px
    }
}

@media screen and (min-width: 440px) {
    html {
        font-size: 44px
    }
}

@media screen and (min-width: 450px) {
    html {
        font-size: 45px
    }
}

@media screen and (min-width: 460px) {
    html {
        font-size: 46px
    }
}

@media screen and (min-width: 470px) {
    html {
        font-size: 47px
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 48px
    }
}

@media screen and (min-width: 490px) {
    html {
        font-size: 49px
    }
}

@media screen and (min-width: 500px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width: 510px) {
    html {
        font-size: 51px
    }
}

@media screen and (min-width: 520px) {
    html {
        font-size: 52px
    }
}

@media screen and (min-width: 530px) {
    html {
        font-size: 53px
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 54px
    }
}

@media screen and (min-width: 550px) {
    html {
        font-size: 55px
    }
}

@media screen and (min-width: 560px) {
    html {
        font-size: 56px
    }
}

@media screen and (min-width: 570px) {
    html {
        font-size: 57px
    }
}

@media screen and (min-width: 580px) {
    html {
        font-size: 58px
    }
}

@media screen and (min-width: 590px) {
    html {
        font-size: 59px
    }
}

@media screen and (min-width: 600px) {
    html {
        font-size: 60px
    }
}

@media screen and (min-width: 610px) {
    html {
        font-size: 61px
    }
}

@media screen and (min-width: 620px) {
    html {
        font-size: 62px
    }
}

@media screen and (min-width: 630px) {
    html {
        font-size: 63px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 64px !important
    }
}

@media screen and (min-width: 650px) {
    html {
        font-size: 65px
    }
}

@media screen and (min-width: 660px) {
    html {
        font-size: 66px
    }
}

@media screen and (min-width: 670px) {
    html {
        font-size: 67px
    }
}

@media screen and (min-width: 680px) {
    html {
        font-size: 68px
    }
}

@media screen and (min-width: 690px) {
    html {
        font-size: 69px
    }
}

@media screen and (min-width: 700px) {
    html {
        font-size: 70px
    }
}

@media screen and (min-width: 710px) {
    html {
        font-size: 71px
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 72px
    }
}

@media screen and (min-width: 730px) {
    html {
        font-size: 73px
    }
}

@media screen and (min-width: 740px) {
    html {
        font-size: 74px
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 75px !important
    }
}

html {
    font-size: 10vw
}

.scroll::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
    display: block !important
}

.scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #ddd
}

.scroll::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #eaeaea
}

.scroll::-webkit-scrollbar-thumb:vertical:active {
    background-color: #d0d0d0
}

.countdown-wrap .ms-time span.hour,
.countdown-wrap .ms-time span.minute,
.countdown-wrap .ms-time span.second {
    background-color: #C7020B;
    color: #fff;
    line-height: 18px;
    border-radius: 4px;
}

@media screen and (min-width: 360px) and (max-width: 399px) {
    .ms-time span.hour,
    .ms-time span.minute,
    .ms-time span.second {
        width: 18px;
        height: 18px;
    }
}

@media screen and (min-width: 400px) {
    .ms-time span.hour,
    .ms-time span.minute,
    .ms-time span.second {
        display: inline-block;
        width: 20px;
        height: 20px;
    }
}

.identity-row .weui-cell_access .weui-cell__ft:after,
.report-row .weui-cell_access .weui-cell__ft:after,
.goodsdetail-row .weui-cell_access .weui-cell__ft:after,
.guess-row .weui-cell_access .weui-cell__ft:after {
    transform: rotate(135deg);
}

.com-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
}

.page {
    padding-top: 46px;
}

.weui-cell_access:active {
    background-color: transparent !important;
}

.toJoin {
    background-color: #c8020b;
    color: #fff;
    margin-bottom: 15px;
}

.toJoin .weui-cell {
    padding: 8px 15px !important;
}
/*非VIP用户显示*/
.wrong{
    background-color: #c8020b;
    color: #fff; 
    width:100%; 
}
.wrong .weui-cell {
    padding:8px 15px !important;
    margin:0;
    text-align:left;
}
.wrong .vux-label {
    font-size: 13px;
    color: #fff;
}
 .wrong .weui-cell__ft{
     height: 30px;
 }
/*非VIP用户显示结束*/
.vux-label {
    color: #333;
}

.toJoin .vux-label {
    font-size: 13px;
    color: #fff;
}

.vux-slider>.vux-indicator>a>.vux-icon-dot.active,
.vux-slider .vux-indicator-right>a>.vux-icon-dot.active {
    background-color: #CC1921 !important;
}

.vux-1px-t:before {
    border-top: 1px solid #d5d2d2 !important;
    color: #d5d2d2 !important;
}

.vux-1px-b:after {
    border-bottom: 1px solid #d5d2d2 !important;
    color: #d5d2d2 !important;
}

.vux-header .vux-header-title>span {
    font-size: 18px;
}

.userSet .weui-cell>.weui-cell__ft {
    font-size: 12px;
    color: #333;
    padding-left: 15px;
}

.basic-row .discount-row {
    display: table;
}

.discount-row .discount {
    width: 66px;
    padding: 0 !important;
    text-align: center;
}

.discount-row span:last-child {
    display: table-cell;
}

.toJoin .weui-cell_access .weui-cell__ft:after,
.wrong .weui-cell_access .weui-cell__ft:after{
    border-color: #fff !important;
}

.vux-x-dialog .weui-dialog__btn_default {
  background-color: #ccc !important;
}
.vux-x-dialog .weui-dialog__btn_primary {
  background-color: #c00000 !important;
  color: #fff !important;
}
.vux-x-dialog .weui-dialog__btn:after {
  content: none;
}
